<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="styleSheet" href="__PUBLIC__/Css/Home/head.css">
    <link rel="styleSheet" href="__PUBLIC__/Css/Home/shouye.css">
</head>
<body>
    <!-- 引入头 -->
    <include file="./Application/Home/common/header.html" />
    <div id="a"></div>
    <div id="shouye_content">
        <!-- 图书分类 -->
        <div class="shouye_left">
            <div class="shouye_left_left">
                <ul class="shouye_left_left_list">
                    <li class="shouye_left_left_list_top">图书分类</li>
                    <li class="shouye_left_left_list_left">小说</li>
                    <li class="shouye_left_left_list_right">经管</li>
                </ul>
            </div>
            
        </div>
        
        <div class="shouye_center">
            <!-- 滑动图片 -->
            <div class="shouye_center_up"></div>

            <!-- 重磅推荐 -->
            <div class="shouye_center_down">
                <div class="shouye_center_down_up">
                    <a href="#">重磅推荐</a>
                </div>
                <hr>
                <div class="shouye_center_down_down">
              
                    <div class="shouye_center_down_down_left">

                        <div class="shouye_center_down_down_left_left">
                            <img src="__PUBLIC__/Images/book.gif"><br><br>
                            ￥34.99
                        </div>
                        <div class="shouye_center_down_down_left_right">
                            <span>马里奥·普佐</span><br>
                            <img src="__PUBLIC__/Images/wuxing.gif" alt=""><br>
                            <span>男人的圣经</span>
                            <br>
                            <a href=""><img src="__PUBLIC__/Images/button.gif" alt=""></a>
                        </div>
                        
                    </div>
                    <div class="shouye_center_down_down_right">
                    <!-- =============================== -->

                        <div class="shouye_center_down_down_right_left">
                            <img src="__PUBLIC__/Images/book.gif"><br><br>
                            ￥34.99
                        </div>
                        <div class="shouye_center_down_down_right_right">
                            <span>马里奥·普佐</span><br>
                            <img src="__PUBLIC__/Images/wuxing.gif" alt=""><br>
                            <span>男人的圣经</span>
                            <br>
                            <a href=""><img src="__PUBLIC__/Images/button.gif" alt=""></a>
                        </div>
                    <!-- =============================== -->
                    </div>
                </div>
                <div class="shouye_center_down_bottom">
                    <div class="shouye_center_down_bottom_left">
                        <a href="">活动快讯</a>
                    </div>
                    <div class="shouye_center_down_bottom_right"></div>
                </div>
            </div>     
        </div>

        <div class="shouye_right">

            <!-- 免费推荐 -->
            <div class="shouye_right_up">
                <div class="shouye_right_up_top">
                    免费推荐
                </div>
                <ul>
                    <li><a href="">>我能让你瘦下来</a></li>
                    <li><a href="">>我能让你瘦下来</a></li>
                    <li><a href="">>我能让你瘦下来</a></li>
                    <li><a href="">>我能让你瘦下来</a></li>
                </ul>
                <button>更多免费图书</button>
            </div>
            <div class="shouye_right_center"></div>

            <!-- 重点新书 -->
            <div class="shouye_right_down"></div>
                     
        </div>
    </div>
    <hr>
    <div id="shouye_center">
        <div class="shouye_center_left">
            <div class="shouye_center_left_top">
                <ul>
                    <li><a href="">畅销榜 |</a></li>
                    <li><a href="">月度榜 |</a></li>
                    <li><a href="">好评榜</a></li>
                </ul>
            </div>
        </div>
        <div class="shouye_center_right">
          <div class="shouye_center_right_top">
              <div class="shouye_center_right_top_left">精品推荐</div>
              <div class="shouye_center_right_top_right">查看更多>></div>
          </div>
        </div>   
    </div>
</body>
</html>